<%--
  Created by IntelliJ IDEA.
  User: 86186
  Date: 2021/1/14
  Time: 10:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>留言回复</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <style type="text/css">
        .page {
            width: 96%;
            margin: 0px auto;
            font-size: 17px;
        }

        .pageTop {
            width: 100%;
            height: 45px;
            line-height: 45px;
            background-color: #f2f2f2;
        }

        .pageTop span {
            margin-left: 15px;
        }

        .pageTop a {
            color: #3695cc;
        }
    </style>
</head>
<body>

<div class="pageTop">
    <div class="page">
        <img src="../images/admin/coin11.png" /><span><a href="../manage/index.html" target="_top">首页</a>&nbsp;-&nbsp;-</span>&nbsp;新闻管理
    </div>
</div>
<div class="main">
    <div class="manage">
        <form action="../CommentUpdateReplyServlet" method="post">
            <table class="form">
                <tr>
                    <td class="field">留言ID：</td>
                    <td><input type="text" class="text" name="ecId" value="${comment.ecId}" readonly="readonly" /></td>
                </tr>
                <tr>
                    <td class="field">留言姓名：</td>
                    <td><input type="text" class="text" name="ecNickName" value="${comment.ecNickName}" readonly="readonly"/></td>
                </tr>
                <tr>
                    <td class="field">留言内容：</td>
                    <td>${comment.ecContent}</td>
                </tr>
                <tr>
                    <td class="field">回复内容：</td>
                    <td>
                        <textarea name="ecReply"  class="infobox"></textarea>
                        <span class="errorer">字段不能为空</span>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><label class="ui-blue"><input type="submit" name="submit" value="回复"  class="submit"/></label></td>
                </tr>
            </table>
        </form>
    </div>
</div>

<script>
    $(document).ready(function(){
        //先把错误标签隐藏
        $('.errorer').hide();

        $('.submit').click(function(event) {
            //获取input内容
            var data = $('.infobox').val();
            var len = data.length;
            if(len<1) {
                $('.errorer').show();
    //取消事件的默认动作。
    /*
  该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。
     例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，
   可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，
        或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。*/
    event.preventDefault();
   }
 else {
     $('.errorer').hide();
   }
});
         });
</script>
</body>
</html>
